<div class="grid-container">
    <div class="grid-item area-a">
        <div class="template-container" #tplContainer data-index="0"></div>
    </div>
    <div class="grid-item area-b">
        <div class="template-container" #tplContainer data-index="1"></div>
    </div>
    <div class="grid-item area-c">
        <div class="template-container" #tplContainer data-index="2"></div>
    </div>
    <div class="grid-item area-d">
        <div class="template-container" #tplContainer data-index="3"></div>
    </div>
    <div class="grid-item area-e">
        <div class="template-container" #tplContainer data-index="4"></div>
    </div>
    <div class="grid-item area-f">
        <div class="template-container" #tplContainer data-index="5"></div>
    </div>
</div>